<template>
    <CommonContainer title="出库状况信息">
        <template v-slot:leftInfo>
            <el-button style="margin-left: 10px" type="text" @click="goOutInventory">出库详情>></el-button>
        </template>

        <template v-slot:rightInfo>
            <i v-if="isOpen" class="el-icon-arrow-up" @click="isOpen=!isOpen"></i>
            <i v-else class="el-icon-arrow-down" @click="isOpen=!isOpen"></i>
        </template>

        <el-descriptions v-show="isOpen">
            <el-descriptions-item label="出库日期">{{outboundVehicleCondition.outboundDate|filterNull}}</el-descriptions-item>
            <el-descriptions-item label="出库里程数(km)">{{outboundVehicleCondition.outboundMileage|filterNull}}</el-descriptions-item>
            <el-descriptions-item label="出库油量(%)">{{outboundVehicleCondition.outboundOilVolume|filterNull}}</el-descriptions-item>
            <el-descriptions-item label="出库附件" :span="3">
              <image-common disabled v-model="outboundVehicleCondition.annex" :up-type="2"></image-common>
            </el-descriptions-item>
            <el-descriptions-item label="说明">{{outboundVehicleCondition.remark|filterNull}}</el-descriptions-item>
        </el-descriptions>
    </CommonContainer>
</template>

<script>
export default {
    components: {},
    props: {
        outboundVehicleCondition:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    },
    data() {
        return {
            isOpen:true
        }
    },
    computed: {},
    methods: {
        goOutInventory(){
            this._toPage({
                name:'OutInventoryDetail',
                query:{
                    id: this.outboundVehicleCondition.id,
                }
            })
        },

    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
</style>
